<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta HTTP-EQUIV="pragma" CONTENT="no-cache">
<meta HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<meta HTTP-EQUIV="expires" CONTENT="0">
<title>校园失物招领系统</title>
<script type="text/javascript" src="./js/head.js"></script>
<style>
	.topInfo{
		height:80px;
	}
</style>
</head>
<body>
	<div id="register" style="width: 100%;height: 100%;" oncontextmenu="return false">
		<el-container style="width: 80%;height: 100%;margin:0 auto;" v-loading='loginLoading' >
		  <el-header class="topInfo" style="border-bottom:2px dotted #dfe4ed;"></el-header>
		  <el-main class="mt10" style="height:100%;background-color: #E9EEF3;"><!--  -->
		  		<h2>注册校园失物招领账号</h2>
		  		<div class="p10">
	  				<el-form class="mt10" :model="user" :rules="rules" ref="refForm" label-position="left" label-width="100px">
						<el-form-item label="用户名" prop="userCode">
						  <el-input v-model="user.userCode" clearable :maxlength='15'></el-input>
						</el-form-item>
						<el-form-item label="密码" prop="password">
						  <el-input type="password" v-model="user.password" clearable :maxlength='15'></el-input>
						</el-form-item>
						<el-form-item label="重复密码" prop="rePassword">
						  <el-input type="password" v-model="user.rePassword" clearable :maxlength='15'></el-input>
						</el-form-item>
						<el-form-item label="昵称" prop="userName">
						  <el-input v-model="user.userName" clearable :maxlength='10'></el-input>
						</el-form-item>
						<el-form-item label="手机号" prop="tel">
						  <el-input v-model.number="user.tel" clearable :maxlength='11'></el-input>
						</el-form-item>
						<el-form-item label="邮箱" prop="email">
						  <el-input v-model="user.email" clearable :maxlength='15'></el-input>
						</el-form-item>
					</el-form>
		  		</div>
				<div class="flex wCenter">
					<el-button type='primary' @click="register('refForm')">注册</el-button>
				</div>
		  </el-main>
		</el-container>
	</div>
</body>
<script type="text/javascript" src="./js/register.js"></script>
</html>